{{extend './_layouts/home.html'}}{{block 'title'}}{{油葱商城首页}}{{/block}} {{block 'head'}}
<link rel="stylesheet" href="/public/css/index.css"> {{/block}} {{block 'body'}}

<!-- 导航栏 -->
<nav>
    <div class="w clearfix">
        <a href="#"><span>&#xe613;</span>&nbsp;&nbsp;产品分类</a>
        <a href="#">首页</a>
        <a href="#">新品上市</a>
        <a href="#">聚优惠</a>
        <a href="#">换购专区</a>
    </div>
    <aside id="aside">
        <ul>
            <li class="clearfix"><a href="#"><span>健康食品</span><span>&#xe60d;</span></a></li>
            <li class="clearfix"><a href="#"><span>小型厨具</span><span>&#xe60d;</span></a></li>
            <li class="clearfix"><a href="/productlist/productlist?title=保洁用品及个人护理品"><span>保洁用品及个人护理品</span><span>&#xe60d;</span></a></li>
            <li class="clearfix"><a href="#"><span>化妆品(玛丽艳美容护肤品)</span><span>&#xe60d;</span></a></li>
            <li class="clearfix"><a href="#"><span>辅助资料</span><span>&#xe60d;</span></a></li>
        </ul>
    </aside>
</nav>

<!-- banner图区域 -->
<div class="banner">
    <div class="tb_promo">
        <ul>
            <li><img src="/public/images/banner1.png" alt=""></li>
            <li><img src="/public/images/banner2.png" alt=""></li>
            <li><img src="/public/images/banner3.png" alt=""></li>
            <li><img src="/public/images/banner4.png" alt=""></li>
            <li><img src="/public/images/banner5.jpg" alt=""></li>
            <li><img src="/public/images/banner6.png" alt=""></li>
            <li><img src="/public/images/banner1.png" alt=""></li>

        </ul>

        <ol id="promo_nav" class="clearfix">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</div>


<!-- 公告 -->
<div class="w">
    <div class="ads">
        <p>2020年7至12月期间，若您购货选择公司配送，只要单张订单产品零售金额≥300元，即可免邮！ >></p>
    </div>
</div>



<div class="w">
    <div class="goodsContainer">
        <div class="title">
            <span>猜我喜欢</span><span>销售排行</span>
        </div>
        <div class="goodsItems">
            <div class="goodsList">
                <ol>

                </ol>
            </div>

        </div>
    </div>
</div>


<!-- 品牌馆 -->

<div class="w">
    <div class="brand-container">
        <h3>品牌馆</h3>
        <div class="brands">
            <ul>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/EmQEFJNrYP.jpg?x-oss-process=image/resize,w_240" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/6MaBFJYH8c.jpg?x-oss-process=image/resize,w_240" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/Wjdc5b7Qja.jpg?x-oss-process=image/resize,w_240" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/Y33TKEKGyi.jpg?x-oss-process=image/resize,w_240" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/3RN73yWWbM.jpg?x-oss-process=image/resize,w_240" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="https://osscdn.perfect99.com/perfect-mall-1/perfect-b2c-web-pc/prod/static/img/default.png" alt=""></a>
                </li>
            </ul>
        </div>
        <a href="javascript:;" id="prev">&lt;</a>
        <a href="javascript:;" id="next">&gt;</a>
    </div>
</div>


<div class="w">
    <div class="hotSaleContainer">
        <h3>热销产品</h3>
        <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/dNi64Xci5e.png?x-oss-process=image/resize,w_1200" alt="">
        <div class="hotSale">
            <ol>

            </ol>
        </div>
    </div>
</div>
<!-- <script type="text/template" id="indexListTeml">
    <li>
        <a href="/productDetail/detail?id={{id}}">
            <img src="{{imgUrl}}" alt="">
        </a>
        <span class="text1">{{name}}</span>
        <span class="text2">{{code}}</span>
        <p>￥<em>{{price}}</em></p>

        <div class="addCarPurchase">
            <span class="addCar">加入购物车</span>
            <span class="purchase">立即购买</span>
        </div>
    </li>
</script> -->
<!-- <script type="text/template" id="indexListTeml">
    {{each indexGoods}}
    <li>
        <a href="/productDetail/detail?id={{$value.id}}">
            <img src="{{$value.imgUrl}}" alt="">
        </a>
        <span class="text1">{{$value.name}}</span>
        <span class="text2">{{$value.code}}</span>
        <p>￥<em>{{$value.price}}</em></p>

        <div class="addCarPurchase">
            <span class="addCar">加入购物车</span>
            <span class="purchase">立即购买</span>
        </div>
    </li>
    {{/each}}
</script> -->
<!-- <li>
                    <a href="#"><img src="https://oss.perfect99.com/perfect-mall-1/prod/home/XrmMBAxsCf.png" alt=""></a>
                    <span class="text1">完美芦荟胶</span>
                    <span class="text2">FIS</span>
                    <p>￥<em>355.0</em></p>
                </li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li> -->


{{/block}} {{block 'script'}}


<!-- <script src="../public/js/jquery-1.10.1.min.js"></script> -->
<script src="/node_modules/jquery/dist/jquery.js"></script>
<!-- <script src="/public/js/thirdPartyJS/template-web.js"></script> -->

<script src="/node_modules/art-template/lib/template-web.js"></script>
<script src="/public/js/thirdPartyJS/jquery.cookie.js"></script>

<script src="/public/js/customJS/index.js"></script>


{{/block}}